<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
	<meta charset="utf-8" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>订单详情</title>
	<link rel="stylesheet" href="../iconfont/iconfont.css">
	<link rel="stylesheet"
		href="https://www.jkzlrs.com/concat/mobile/??3.0/cross/css/cross.css,3.0/cross/css/ui.all.css"
		type="text/css" />
	<link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
	<main class="c-main">

		<section class="detail-tabcont">

			<div class="bgc-fff plr10 mb10">
				<div class="detail-form-title">
					<i class="iconfont icon-kehuxinxi"></i>
					<p>客户信息</p>
				</div>
				<ul class="doc-form">
					<li>
						<div class="form-key">姓名</div>
						<div class="form-info">
							林佳琪
						</div>
					</li>
					<li>
						<div class="form-key">身份证号</div>
						<div class="form-info">
							350125199208086666
						</div>
					</li>
					<li>
						<div class="form-key">联系电话</div>
						<div class="form-info">
							15966668888
						</div>
					</li>
				</ul>
				<div class="detail-form-title">
					<i class="iconfont icon-yuyuexinxi"></i>
					<p>预约信息</p>
				</div>
				<ul class="doc-form">
					<li class="islink">
						<div class="form-key">预约日期</div>
						<div class="form-info">
							2023-09-22
						</div>
					</li>
					<li class="islink">
						<div class="form-key">预约开始时段</div>
						<div class="form-info">
							08:00
						</div>
					</li>
					<li class="islink">
						<div class="form-key">预约结束时段</div>
						<div class="form-info">
							10:00
						</div>
					</li>
					<li class="islink">
						<div class="form-key">服务城市</div>
						<div class="form-info">
							福州
						</div>
					</li>
					<li>
						<div class="form-key">服务详细地址</div>
						<div class="form-info">
							闽侯县洪甘路软件园F区3号楼停车场
						</div>
					</li>
				</ul>
				<div class="detail-form-title">
					<i class="iconfont icon-cheliangxinxi"></i>
					<p>车辆信息</p>
				</div>
				<ul class="doc-form">
					<li>
						<div class="form-key">车牌号</div>
						<div class="form-info">
							闽A666888
						</div>
					</li>
					<li>
						<div class="form-info">
							<div class="upload-tit c-555">上传材料<span class="c-f12 c-ccc">（最多9张）</span></div>
							<p class="c-f12 c-999 mb5">为更好服务，您可以上传相关图片，最多允许上传9张图片</p>
							<ul class="file-list c-photohold">
								<li>
									<div class="file-img">
										<img src="https://www.jkzlrs.com/concat/mobile/3.0/cross/images/d-common.png"
											class="c-photoswipe">
										<a href="javascript:;" class="file-delete"><i
												class="iconfont icon-shanchu"></i></a>
									</div>
								</li>
								<li>
									<div class="file-img">
										<img src="https://www.jkzlrs.com/concat/mobile/3.0/cross/images/d-common.png"
											class="c-photoswipe">
										<a href="javascript:;" class="file-delete"><i
												class="iconfont icon-shanchu"></i></a>
									</div>
								</li>
								<li class="file-add"></li>
							</ul>
						</div>
					</li>
					<li>
						<div class="form-info">
							<div class="upload-tit c-555">车况描述</div>
							<textarea name="" rows="5" placeholder="请描述车辆情况，500字以内" class="form-texa desBox"
								maxlength="500">我的豪华劳斯莱斯车的漂亮轮子爆炸了，炸得真响真悦耳，求师傅快点过来维修下，拜托了。</textarea>
							<div class="inqu-num">24/500</div>
						</div>
					</li>
				</ul>
			</div>
		</section>


		<div class="fixed-bs-box">
			<div class="fixed-bs">
				<a href="javascript:;" class="f-btn btn-full">确认</a>
			</div>
		</div>

	</main>


	<script type="text/javascript"
		src="https://f1.yihuimg.com/concat/mobile/??3.0/cross/js/jquery/2.1.3/jquery.js,3.0/cross/js/cross.ui.js"></script>
	<link rel="stylesheet" href="../widget/cmarea/css/cmarea.css" type="text/css">
	<link rel="stylesheet" href="../widget/cmpick/src/cmpick.css">
	<script src="../widget/cmpick/src/cmpick.js"></script>
	<link rel="stylesheet" href="../widget/photoswiper/css/photoswipe.css" type="text/css" />
	<script type="text/javascript" src="../widget/photoswiper/js/photoswipe.js"></script>
	<script>
		$(function () {

			//删除
			$('.c-main').on('click', '.file-delete', function () {
				var _this = $(this);
				myLayer.confirm({
					title: '提示',
					con: '确定删除?',
					cancel: function () { },
					ok: function () {
						_this.parent().parent().remove();
					},
				});
			});
		})

	</script>
</body>

</html>